
*{
    box-sizing: border-box;
}

a{
    cursor: pointer;
    text-decoration: none;
    color:white;
}

body{
    margin: 0;
    width: 100%;
    overflow: hidden;
}

.bg{
    background-color: #eeeeee;
    position: relative;
    height: 100vh; 
    overflow: scroll;
}

.left-arrow::before{
    border: solid 1px #fff !important;
    border-width: 1px 0 0 1px !important;
}

@keyframes disappear{
    0%{
        transform: translate(0,0);
    }
    20%{
        transform: translate(50%,0);
    }
    100%{
        transform:translate(-150%,0);
    }
}
@keyframes appear{
    0%{
        transform:translate(-150%,0);
    }
    80%{
        transform: translate(50%,0);
    }
    100%{
        transform:translate(0,0)
    }
}
@keyframes hidemenu{
    0%{
        transform: translate(0,0);
    }
    100%{
        transform:translate(0,-100%);
    }
}
@keyframes showmenu{
    0%{
        transform:translate(0,-100%);
    }
    100%{
        transform:translate(0,0)
    }
}
@keyframes dissappear{
    0%{
        opacity: 0.6
    }
    100%{
        opacity:0
    }
}
@keyframes aappear{
    0%{
        opacity:0
    }
    100%{
        opacity:0.6
    }
}

.w-e-text-container{
    height: 80px !important;
}
.w-e-toolbar{
    flex-wrap: wrap;
}